<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./swiper.js"></script>
    <script src="./axios.js"></script>
    <link rel="stylesheet" href="./swiper.css">
    <link rel="stylesheet" href="./xiaomi.css">
    <link rel="stylesheet" href="http:////at.alicdn.com/t/c/font_4375063_q73yo79lmy.css">
</head>

<body>
    <header>
        <div class="center">
            <ul class="header_left fl">
                <li>小米官网</li><span>|</span>
                <li>小米商城</li><span>|</span>
                <li>小米澎湃OS</li><span>|</span>
                <li>loT</li><span>|</span>
                <li>云服务</li><span>|</span>
                <li>天星数科</li><span>|</span>
                <li>有品</li><span>|</span>
                <li>小爱开放平台</li><span>|</span>
                <li>资质证照</li><span>|</span>
                <li>协议规则</li><span>|</span>
                <li id="appDownload">下载app
                    <div>
                        <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                        <p>小米商城APP</p>
                    </div>
                    <span></span>
                </li><span>|</span>
                <li>Select Location</li>
            </ul>
            <ul class="header_right fr">
                <li><a href="./login1.html">登录</a></li><span>|</span>
                <li><a href="./login1.html">注册</a></li><span>|</span>
                <li>消息通知</li>
                <li class="cart">
                    <span class="iconfont icon-gouwuchekong"></span>
                    <p>购物车</p>
                    <div>
                        <p>购物车中还没有商品，赶紧选购吧！</p>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <nav>
        <div class="center">
            <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi.com-assets/shop/img/logo-mi2.png" alt=""
                    title="小米官网">
            </a>
            <ul class="nav-item">
                <li >
                    
                    <p class="nav-items">内衣配饰</p>
                    <div class="nav-bar-list">
                        <ul class="center">
                        </ul>
                    </div>
                </li>
                <li >
                    <p class="nav-items">其他</p>
                    <div class="nav-bar-list">
                        <ul class="center">
                        </ul>
                    </div>
                </li>
            </ul>

            <form action="" method="get">
                <input type="search">
                <button>
                    <span class="iconfont icon-sousuo"></span>
                </button>
            </form>
        </div>
    </nav>
    <main>
        <div class="center">
            <div class="main_top">
                <ul class="aside">
                    <li>
                        <p class="asides">内衣配饰</p>
                        <span class="iconfont icon-gengduo"></span>
                        <ul class="aside_box">
                        </ul>
                    </li>
                    <li><p class="asides">其他</p><span class="iconfont icon-gengduo"></span>
                        <ul class="aside_box">
                        </ul>
                    </li>
                   
                </ul>
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ef3268de51326ccabacab67b0593582.jpg?w=2452&h=920"
                                alt=""></div>
                        <div class="swiper-slide"><img
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1484efbc954604f2fff16aa8a7447c3d.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                                alt=""></div>
                        <div class="swiper-slide"><img
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1e125f7e065bb9d7bc36b480a4437820.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                                alt=""></div>
                        <div class="swiper-slide"><img
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/72d2f359aa032bc5f6372b3022b39a92.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                                alt=""></div>
                        <div class="swiper-slide"><img
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2e8f6ccc6a942648252e4f53131c2a01.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                                alt=""></div>
                        <div class="swiper-slide"><img
                                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b20d1741dd92cb32b387023ae6244838.jpg?thumb=1&w=1533&h=575&f=webp&q=90"
                                alt=""></div>
                    </div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="main_bottom">
                <ul class="main_bottom_left">
                    <li class="bb br">
                        <span class="iconfont icon-shizhong"></span>
                        <p>保障服务</p>
                    </li>
                    <li class="bb br">
                        <span class="iconfont icon-qiye"></span>
                        <p>企业团购</p>
                    </li>
                    <li class="bb">
                        <span class="iconfont icon-F"></span>
                        <p>F码通道</p>
                    </li>
                    <li class="br">
                        <span class="iconfont icon-icon-15"></span>
                        <p>米粉卡</p>
                    </li>
                    <li class="br">
                        <span class="iconfont icon-yijiuhuanxin"></span>
                        <p>以旧换新</p>
                    </li>
                    <li>
                        <span class="iconfont icon-huafeichongzhi" n></span>
                        <p>话费充值</p>
                    </li>
                </ul>
                <div><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b67117bc92924fb2ff0e7ad2be86084.png?w=632&h=340"
                        alt=""></div>
                <div><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8dede2520f8dfff9c9b690af498cafe8.jpg?w=632&h=340"
                        alt=""></div>
                <div><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ac77590368ff636d0b4f6a988133f55.png?w=632&h=340"
                        alt=""></div>
            </div>
        </div>
    </main>
    <section>
        <div class="center">
            <div class="section_top">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a2011078db9b3708d3caae52df7be3cc.png?thumb=1&w=2299&h=225&f=webp&q=90"
                    alt="">
            </div>
            <div class="brick-box">
                <div class="box-hd">
                    <h2>手机</h2>
                    <div class="more">
                        <p>查看更多</p>
                        <span class="iconfont icon-xiayiyeqianjinchakangengduo-yuankuang"></span>
                    </div>
                </div>
                <ul class="box-main">
                    <div class="box-main-left">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/414cb0e8ff030c0dacff7531d720955e.png?thumb=1&w=293&h=768&f=webp&q=90"
                            alt="">
                    </div>
                    <ul class="box-main-list">
                    </ul>
                </ul>
            </div>
            <div class="junengxie">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1533&h=150&f=webp&q=90"
                    alt="">
            </div>
        </div>
    </section>
    <div class="tuihuo">
        <div class="center">
            <ul class="top">
                <li>预约维修服务</li>
                <li>7天无理由退货</li>
                <li>15天免费换货</li>
                <li>满69包邮</li>
                <li>1100余家售后网点</li>
            </ul>
            <div class="bottom">
                <ul>
                    <li>选购指南</li>
                    <li>手机</li>
                    <li>电视</li>
                    <li>笔记本</li>
                    <li>平板</li>
                    <li>穿戴</li>
                    <li>耳机</li>
                    <li>家电</li>
                    <li>路由器</li>
                    <li>音箱</li>
                    <li>配件</li>
                </ul>
                <ul>
                    <li>服务中心</li>
                    <li>申请售后</li>
                    <li>售后政策</li>
                    <li>维修服务价格</li>
                    <li>订单查询</li>
                    <li>以旧换新</li>
                    <li>保障服务</li>
                    <li>防伪查询</li>
                    <li>F码通道</li>
                </ul>
                <ul>
                    <li>线下门店</li>
                    <li>小米之家</li>
                    <li>服务网点</li>
                    <li>授权体验店/专区</li>
                </ul>
                <ul>
                    <li>关于小米</li>
                    <li>了解小米</li>
                    <li>加入小米</li>
                    <li>投资者关系</li>
                    <li>可持续发展</li>
                    <li>廉洁举报</li>
                </ul>
                <ul>
                    <li>关注我们</li>
                    <li>新浪微博</li>
                    <li>官方微信</li>
                    <li>联系我们</li>
                    <li>公益基金会</li>
                </ul>
                <div>
                    <p class="phone">400-100-5678</p>
                    <p class="time">8:00-18:00(仅收市话费)</p>
                    <p class="rengong"><span class="iconfont icon-xinxi"></span><span class="s1">人工客服</span></p>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="center">
            <div class="icon">
            </div>
            <div class="right">
                <p class="bcolor">
                    <span>小米商城</span>|
                    <span>小米澎湃OS</span>|
                    <span>米家</span>|
                    <span>米聊</span>|
                    <span>多看</span>|
                    <span>游戏</span>|
                    <span>音乐</span>|
                    <span>政企服务</span>|
                    <span>小米天猫店</span>|
                    <span>小米集团隐私政策</span>|
                    <span>小米公司儿童信息保护规则</span>|
                    <span>小米商城隐私政策</span>|
                    <span>小米商城用户协议</span>|
                    <span>问题反馈</span>|
                    <span> Select Location</span>
                </p>
                <p class="bcolor">
                    <span>北京互联网法院法律服务工作站</span>|
                    <span>中国消费者协会</span>|
                    <span>北京市消费者协会</span>
                </p>
                <p>
                    <span>© mi.com 京ICP证110507号</span>
                    <span>京ICP备10046444号</span>
                    <span>京公网安备11010802020134号</span>
                    <span>京网文[2023]0169-004号</span>
                </p>
                <p>
                    <span>（京）网械平台备字（2018）第00005号</span>
                    <span>互联网药品信息服务资格证</span>
                    <span>(京)-非经营性-2014-0090</span>
                    <span>营业执照</span>
                    <span>医疗器械质量公告</span>
                </p>
                <p>
                    <span>增值电信业务经营许可证编号：京B2-20180851</span>
                    <span>网络食品经营备案</span>
                    <span>京食药网食备202010048</span>
                    <span>食品经营许可证</span>
                    <span>新出发京批字第直220280号</span>
                </p>
                <p>
                    <span>违法和不良信息举报电话：171-5104-4404</span>
                    <span>知识产权侵权投诉</span>
                    <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </p>
                <div>
                    <img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                    <img src="https://s01.mifile.cn/i/v-logo-2.png" alt="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/icon3.png" alt="">
                    <img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                    <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png"
                        alt="">
                </div>
                <img class="last" src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/slogan2020.png" alt="">
            </div>
        </div>
    </footer>
    <div class="fixed">
        <div class="app">
            <span class="iconfont icon-shouji"></span>
            <p>手机APP</p>
            <div class="erweima">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/78c30d4f259ed43ab20e810a522a6249.png" alt="">
                <p>扫码领取新人百元礼包</p>
            </div>
        </div>
        <div>
            <span class="iconfont icon-gerenzhongxin"></span>
            <p>个人中心</p>
        </div>
        <div>
            <span class="iconfont icon-weixiu"></span>
            <p>售后服务</p>
        </div>
        <div>
            <span class="iconfont icon-kefu"></span>
            <p>人工客服</p>
        </div>
        <div>
      
                <span class="iconfont icon-gouwuchekong"></span>
                <p>购物车</p>
            
        </div>
        <div id="huidingbu">
            <span class="iconfont icon-huidingbu"></span>
            <p>回顶部</p>
        </div>
    </div>
</body>
<script src="./xiaomi.js"></script>

</html>